﻿/** index.js By Beginner Emain:zheng_jinfan@126.com HomePage:http://www.zhengjinfan.cn */
layui.config({
	base: 'js/'
}).use(['element', 'layer', 'navbar', 'tab'], function() {
	var element = layui.element(),
		$ = layui.jquery,
		layer = layui.layer,
		navbar = layui.navbar(),
		tab = layui.tab({
			elem: '.admin-nav-card' //设置选项卡容器
		});
	//iframe自适应
	$(window).on('resize', function() {
		var $content = $('.admin-nav-card .layui-tab-content');
		if($(".layui-footer").is(":visible")){
			$content.height($(this).height() - 135);
		}else{
			$content.height($(this).height() - 96);
		}
		$content.find('iframe').each(function() {
			$(this).height($content.height());
		});
		$(".layui-side-scroll").height($("#admin-side").height()-$("#admin-navbar-top").height()-40);

		var windowW=$(window).width();
		//layer.msg(windowW);
		if(windowW<=750){
			if($("body").hasClass("menu-min")){
				$("body").removeClass("menu-min");
				$("#admin-navbar-side .layui-nav-itemed").removeClass("layui-nav-itemed").find("ul ul").hide();
			}
		}else{
			$("body").removeClass("site-mobile");
		}		
	}).resize();

	//设置navbar
	navbar.set({
		elem: '#admin-navbar-side',
		spreadOne: true,
		//data: navs,
		cached:false,
		url: 'datas/nav.json'
	});
	//渲染navbar
	navbar.render();
	//监听点击事件
	navbar.on('click(side)', function(data) {
		tab.tabAdd(data.field);
		hidemenuchild();
	});

	$("#admin-navbar-search .layui-select-title").on("click",function(){
		//$("#admin-navbar-search").toggleClass("layui-form-selected");
		if($("body").hasClass("menu-min")){
			$(this).find("input").toggle();
			if($(this).find("input").is(":visible")){
				$(this).find("input").focus();
				hidemenuchild();
				$("#admin-navbar-search dl").hide();
			}else{
				$(this).find("input").blur();
				$("#admin-navbar-search dl").hide();
			}
		}
		return false;
	});
	$("input[name='searTxt']").on({
		"propertychange input":function(){
			//layer.msg($(this).val());
			if($(this).val()!=""){
				$("#admin-navbar-search").addClass("layui-form-selected");	
			}else{
				$("#admin-navbar-search").removeClass("layui-form-selected");		
			}
			hidemenuchild();
			return false;
		}
		,"keypress":function(){
			if(event.keyCode == "13"){
				if($(this).val()!=""){
					$("#admin-navbar-search").addClass("layui-form-selected");
				}else{
					$("#admin-navbar-search").removeClass("layui-form-selected");			
				}
			}
			hidemenuchild();
		}
		,"click":function(){
			$(this).focus();
			hidemenuchild();
			return false;
		}	
	});

	function hidemenuchild(){
		if($("body").hasClass("menu-min")){
			$("#admin-navbar-side").find(".layui-nav-itemed").removeClass("layui-nav-itemed");
		}
	}
	$(document).on("click",function(){
		$("#admin-navbar-search").removeClass("layui-form-selected");
		if($("body").hasClass("menu-min")){
			$("#admin-navbar-search").find("input").hide();
		}else{
			$("#admin-navbar-search").find("input").show();
		}
	});
	$('.admin-side-toggle').on('click', function() {
		var sideWidth = $('#admin-side').width();
		$("body").toggleClass("menu-min");
		$("#admin-navbar-side .layui-nav-itemed").removeClass("layui-nav-itemed").find("ul ul").hide();
		var windowW=$(window).width();
		//layer.msg(windowW);
		if(windowW<=750){
			$("body").removeClass("menu-min").addClass("site-mobile");
		}else{
			$("body").removeClass("site-mobile");
		}
	});
	//手机设备的简单适配
	$('.site-mobile-shade').on('click', function() {
		$('body').removeClass('site-mobile');
	});
	//锁屏
	$(document).on('keydown', function() {
		var e = window.event;
		if(e.keyCode === 76 && e.altKey) {
			//alert("你按下了alt+l");
			lock($, layer);
		}
	});
	$('#lock').on('click', function() {
		lock($, layer);
	});

	$('#video1').on('click', function() {
		layer.open({
			title: 'YouTube',
			maxmin: true,
			type: 2,
			content: 'video.html',
			area: ['800px', '500px']
		});
	});
});
function lock($, layer) {
	//自定页
	layer.open({
		title: false,
		type: 1,
		closeBtn: 0,
		anim: 6,
		content: $('#lock-temp').html(),
		shade: [0.9, '#393D49'],
		success: function(layero, lockIndex) {
			
			//给显示用户名赋值
			layero.find('div#lockUserName').text('admin');
			layero.find('input[name=lockPwd]').on('focus',function(){
				var $this = $(this);
				if($this.val()==='输入密码解锁..'){
					$this.val('').attr('type','password');
				}
			})
			.on('blur',function(){
				var $this = $(this);
				if($this.val()==='' || $this.length===0){
					$this.attr('type','text').val('输入密码解锁..');
				}
			});			
			//在此处可以写一个请求到服务端删除相关身份认证，因为考虑到如果浏览器被强制刷新的时候，身份验证还存在的情况			
			//do something...
			//e.g. 
			/*
			 $.post(url,params,callback,'json');
			 */			
			//绑定解锁按钮的点击事件
			layero.find('button#unlock').on('click',function(){
				var $lockBox = $('div#lock-box');
				
				var userName = $lockBox.find('div#lockUserName').text();
				var pwd = $lockBox.find('input[name=lockPwd]').val();
				if(pwd === '输入密码解锁..' || pwd.length === 0){					
					layer.msg('请输入密码..',{icon:2,time:1000});					
					return;
				}				
				unlock(userName,pwd);			
			});			
			/**
			 * 解锁操作方法
			 * @param {String} 用户名
			 * @param {String} 密码
			 */
			var unlock = function(un,pwd){				
				//这里可以使用ajax方法解锁
				/*$.post('api/xx',{username:un,password:pwd}},function(data){
				 	//验证成功
					if(data.success){
						//关闭锁屏层
						layer.close(lockIndex);
					}else{
						layer.msg('密码输入错误..',{icon:2,time:1000});
					}					
				},'json');
				*/
				
				//演示：默认输入密码都算成功
				//关闭锁屏层
				layer.close(lockIndex);
			};
		}
	});
};